/* 全局样式 reset */
page {
	padding-bottom: 160rpx;
}

/* section区块 */
.section {
	box-sizing: border-box;
	margin: 20rpx 16rpx;
	background: #fff;
	padding: 20rpx 30rpx;
	border-radius: 18rpx;
	overflow: hidden;
}

.section:first-child {
	margin-top: 24rpx;
}

/* 地址选择 */
.address-row {
	display: flex;
	height: 100rpx;
	align-items: center;
	padding: 0 8rpx;
	border-radius: 16rpx;
}

.address-placeholder {
	color: #b2b2b2;
	font-size: 24rpx;
	margin-left: 16rpx;
	flex: 1;
}

.address-row van-icon[name="arrow"] {
	margin-left: auto;
}

/* 地址板块优化 */
.address-row.has-address {
	min-height: 80rpx;
	display: flex;
	align-items: flex-start;
	padding: 20rpx;
}

.address-info {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	margin-left: 16rpx;
}

.address-line {
	display: flex;
	align-items: center;
	margin-bottom: 10rpx;

	.alias-tag {
		background-color: fade(#19be6b, 10%);
		color: #19be6b;
		font-size: 24rpx;
		padding: 4rpx 12rpx;
		border-radius: 6rpx;
		margin-right: 12rpx;
		flex-shrink: 0; // 防止标签被压缩
	}

	.location-name {
		font-size: 28rpx;
		font-weight: bold;
		color: #303133;
	}
}

.address-detail {
	color: #979899;
	font-size: 24rpx;
	margin-top: 4rpx;
	word-break: break-all;
	width: 400rpx;
	/* 防止溢出 换行 */
}

/* 分类切换 */
.category-list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 10rpx;
	padding-bottom: 10rpx;
	border-bottom: 2rpx solid #f3f3f3;
}

.category-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;

	&.parent-selected {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			top: 10%;
			right: 25%;
			width: 12rpx;
			height: 12rpx;
			background-color: #fa5151; // 小红点
			border-radius: 50%;
		}
	}
}

.category-icon {
	width: 40rpx;
	padding: 20rpx;
	margin: 10rpx;
	height: 40rpx;
	border-radius: 50%;
	background: #f3f4f6;
}

.category-name {
	color: #b2b2b2;
	font-size: 26rpx;
	margin-top: 10rpx;
	box-sizing: border-box;
}

.category-item.active .category-icon {
	border: 4rpx solid #53e18b;
}

.category-item.active .category-name {
	color: #303133;
	font-weight: bold
}

.category-underline {
	height: 8rpx;
	margin: 0 auto;
	width: 120rpx;
	border-bottom: 6rpx solid #28c399;
	border-radius: 3rpx;
}


.category-tags {
	padding: 24rpx 0;
	display: flex;
	flex-wrap: wrap;
	gap: 16rpx 32rpx;
}

.category-tag {
	padding: 10rpx 24rpx;
	background: #f2f2f2;
	border-radius: 10rpx;
	color: #717173;
	font-size: 23rpx;
	transition: all 0.2s ease-in-out;
}

/* 【LESS 新增】子标签选中时的样式 */
.category-tag.active {
	background-color: #53e18b; // 参考选中的重量按钮样式
	color: #fff;
}

@keyframes skeleton-shimmer {
	0% {
		background-position: -1000rpx 0;
	}

	100% {
		background-position: 1000rpx 0;
	}
}

.category-skeleton {

	.skeleton-icon,
	.skeleton-text,
	.skeleton-tag {
		background-color: #f0f2f5;
		background-image: linear-gradient(90deg, #f0f2f5, #e6e8eb, #f0f2f5);
		background-size: 1000rpx 100%;
		background-repeat: no-repeat;
		animation: skeleton-shimmer 1.5s infinite linear;
	}

	.category-list {
		.category-item {
			// 确保布局与真实组件一致
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 1;
		}
	}

	.skeleton-icon {
		width: 80rpx; // 40rpx + 20rpx*2 padding
		height: 80rpx; // 40rpx + 20rpx*2 padding
		margin: 10rpx;
		border-radius: 50%;
	}

	.skeleton-text {
		width: 100rpx;
		height: 26rpx;
		margin-top: 10rpx;
		border-radius: 6rpx;
	}

	.category-tags {
		// 确保布局与真实组件一致
		padding: 24rpx 0;
		display: flex;
		flex-wrap: wrap;
		gap: 16rpx 32rpx;
	}

	.skeleton-tag {
		height: 43rpx; // 10rpx*2 padding + 23rpx font-size
		border-radius: 10rpx;
	}
}


/* 货物重量选择 */
.weight-section {
	margin-top: 24rpx;
	padding-bottom: 32rpx;
}

.section-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-title {
	font-size: 32rpx;
	font-weight: bold;
}

.weight-tip {
	color: #c4c4c7;
	font-size: 24rpx;
}

.weight-choose {
	display: flex;
	margin: 32rpx 0 8rpx 0;
	gap: 16rpx;
}

.weight-btn {
	min-width: 140rpx;
	height: 56rpx;
	line-height: 56rpx;
	border-radius: 12rpx;
	font-size: 23rpx;
	background: #e3f1ef;
	color: #717173;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.weight-btn.selected {
	background: #53e18b;
	color: #fff;
}

/* ... (后续样式未变，保持原样) ... */
.income {
	display: flex;
	align-items: center;
	margin: 20rpx 0 8rpx 0;
	font-size: 28rpx;
}

.orange {
	color: #f9ae3d;
}

.red {
	color: #909090;
	display: flex;
	align-items: center;
	font-size: 20rpx;
	margin-top: 10rpx;
}

/* 留言备注与上传图片 */
.remark-section {
	padding-bottom: 0;
}

.remark-tip {
	display: flex;
	align-items: center;
	color: #c4c4c7;
	font-size: 24rpx;
}

.remark-input {
	border: none;
	font-size: 30rpx;
	background: transparent;
	margin: 24rpx 0;
	height: 60rpx;
	padding: 0;
	color: #757575;
}

.divider {
	height: 2rpx;
	width: 100%;
	background: #f2f2f2;
	margin-bottom: 24rpx;
}

.upload-section {
	margin-bottom: 32rpx;
}

.upload-label {
	color: #757575;
	font-size: 28rpx;
	margin-bottom: 16rpx;
}

/* 底部bar */
.bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 -4rpx 16rpx #ececec;
	padding: 24rpx 28rpx;
	z-index: 999;
	padding-bottom: var(--safe-area-inset-bottom);
	padding-bottom: var(--safe-area-inset-bottom-env);
}

.bottom-left {
	flex: 1;
	text-align: center;
	color: #53e18b;
	font-size: 34rpx;
	background: #fff6e6;
	border-radius: 12rpx;
	padding: 24rpx 0;
	margin-right: 16rpx;
}

.submit-btn {
	flex: 2;
	height: 84rpx;
	line-height: 84rpx;
	font-size: 34rpx;
	font-weight: bold;
	border-radius: 14rpx;
	background: #f9ae3d;
	color: #fff;
	border: none;
	box-shadow: 0 4rpx 14rpx #ffd09e60;
}

.notice {
	.section-row {
		padding: 0 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.section {
		background: #fff;
		border-radius: 24rpx;
		margin: 24rpx 24rpx 0 24rpx;
		box-shadow: 0 8rpx 24rpx rgba(90, 175, 150, 0.04);
		padding: 20rpx 0;
	}

	.process-steps {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 30rpx;
		flex-wrap: wrap;
	}

	.process-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-shrink: 0;
		width: 130rpx;
	}


	.process-text {
		margin-top: 16rpx;
		font-size: 28rpx;
		color: #222;
	}

	.notice-list {
		display: flex;
		justify-content: space-between;
		gap: 22rpx;
		margin: 32rpx 24rpx 0 24rpx;
	}

	.notice-card {
		flex: 1;
		border-radius: 18rpx;
		padding: 24rpx 12rpx 20rpx 12rpx;
		box-sizing: border-box;
		text-align: left;
	}

	.notice-title {
		color: #19be6b;
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
		margin-bottom: 12rpx;
	}

	.notice-desc {
		color: #71d5a1;
		font-size: 24rpx;
		text-indent: 1em;
		line-height: 1.4;
	}

	.van-collapse {
		background: transparent;
		margin: 0 22rpx;
	}

	.faq-answer {
		color: #888;
		font-size: 26rpx;
		margin: 12rpx 0 6rpx 0;
		line-height: 1.8;
	}

}